<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用户列表</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<link   type="text/css" rel="stylesheet"  href="__LAYUI__/css/layui.css">
<!--script type="text/javascript" src="./theme/js/jquery-1.11.3.min.js"></script-->
<script type="text/javascript" src="__LAYUI__/layui.js"></script>



<style type="text/css">
.width200{ width: 200px}
.width130{width: 130px}
.width90{width: 90px}
#width120{width: 120px;margin-left: 81px;}
.layui-red{color: red}
#dy1-130{width: 130px}
#dy-130{width: 130px}
#width90{width: 90px}
#warp .layui-inline .layui-form-label {
    float: left;
    display: block;
    padding-top: 9px;
    padding-right: 5px;
    padding-left: 0px;
    width: 80px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
}
.contd { text-align: center;}
.blue{ color: #2190FC}
a:hover{color: red };

</style>

<script>
    //编辑

</script>
</head>
<body>
    <center style="padding-top: 40px">  <a style="font-size: 25px;font-weight: 500">用户列表 </a></center>
        <!-- 数据表格-->
        <div style="width: 90%;padding-top: 20px; margin:0 auto;">
            <!--查询-->
            <!--以下为两个必须div元素-->
            <!-- 数据表格-->
            <table class="layui-hide" id="LAY_table_user" lay-filter="user"></table>
            <script type="text/html" id="barDemo">
              <a class="blue" lay-event="detail">打印</a>
              <a class="blue" lay-event="edit">编辑</a>
              <a class="layui-red" lay-event="del">删除</a>
            </script>
        </div>


<script type="text/javascript">
     layui.use(['form', 'layedit', 'laydate','laytpl','table'], function(){
            var form = layui.form,
                  layer = layui.layer,  //按需加载  需要哪个加载哪个
                  layedit = layui.layedit,
                  laytpl = layui.laytpl, //模板
                  table = layui.table,  //表格
                   upload = layui.upload, //上传
                  laydate = layui.laydate;

//方法级渲染
          table.render({
              elem: '#LAY_table_user'
              ,height: 420
              ,url:'/index/index/user' //数据接口
              ,title: '用户表'
              ,page: true //开启分页
              ,id: 'testReload'
             // ,toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
              //,totalRow: true //开启合计行
              ,cols: [[ //表头
                 {field: 'id', title: 'ID', width:80, sort: true}
                ,{field: 'username', title: '用户名', width:80}
                ,{field: 'experience', title: '积分', width: 90}
                ,{field: 'sex', title: '性别', width:80, }
                ,{field: 'score', title: '评分', width: 80}
                ,{field: 'city', title: '城市', width:200}
                ,{field: 'sign', title: '签名', width: 200}
                ,{field: 'classify', title: '职业', width: 100}
                ,{field: 'wealth', title: '财富', width: 135,}
                ,{fixed: 'right', title: '操作',width: 165, align:'center', toolbar: '#barDemo'}
              ]]
            });

});
</script>

</body>
</html>